<style>	
	*{margin:0; padding:0;list-style:none;font-family:'微软雅黑';font-size:10px;}
	.wrap{width:600px;margin:100px auto;border: 1px solid #ccc;padding:50px;}
	#upTab{overflow:hidden;}
	#upTab li{float:left;width:100px;height:30px;line-height:30px;text-align:center;background:#eee;color:#333;cursor:pointer;
		-webkit-transition:all 0.3s;
		-o-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-moz-transition:all 0.3s;
		transition:all 0.3s;}
	#upTab li.cur{background:#c40;color:#fff;}
	.wrap>div,.wrap>div li{display:none;overflow:hidden;}
	.wrap>div li{width:460px;height:260px;background:#666;color:#fff;padding:20px;float:left;}
	.wrap>div.show,.wrap>div li.show{display:block;}
	.wrap>div ul{float:left;}
	.wrap>div div{width:100px;float:left;}
	.wrap>div a{width:100px;display:block;text-align:center;height:30px;line-height:30px;text-decoration:none;color:#666;background:#eee;border-bottom:1px solid #ccc;
		-webkit-transition:all 0.3s;
		-o-transition:all 0.3s;
		-ms-transition:all 0.3s;
		-moz-transition:all 0.3s;
		transition:all 0.3s;}
	.wrap>div a.cur{background:#333;color:#fff;}
	</style>